import React from 'react';
import css from './index.less';
import PropTypes from 'prop-types';
import Icon from 'components/icon';


class Level extends React.Component {

  static propTypes = {
    mod: PropTypes.object,
  };

  static defaultProps = {
    mod: {},
  };



  render() {
    const { mod } = this.props;
    return (
      <div className={css.level}>
        <Icon type="icon-press-up" onClick={ () => mod.moveToToplayerSelf()}/>
        <Icon type="icon-press-down" onClick={ () => mod.moveToBottomlayerSelf()}/>
        <Icon type="icon-swipe-up" onClick={ () => mod.addOneLayerSelf()}/>
        <Icon type="icon-swipe-down" onClick={ () => mod.decOneLayerSelf()}/>
      </div>
    );
  }
}

export default Level;


